<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/src/assets/image/logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>消防一体化指挥作战平台</title>
    <script>
      let theme = window.localStorage.getItem('vueuse-color-scheme')
      document.getElementsByTagName('html')[0].className = theme
    </script>
    <style type="text/css">
      body{
        margin: 0;
      }
      html.dark{
        --cloak-bg             :#333;
        --cloak-text           :#FFF;
      }
      html{
        --cloak-bg             :#F5F6F6;
        --cloak-text           :#000;
      }
      [v-cloak] .app-placeholder {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
      }
      [v-cloak] .logo {
        position: relative;
        width: 6rem;
        height: 6rem;
        overflow: hidden;
        border: none;
        /* border-radius: 50%; */
        animation: 2s flip infinite;
      }
      [v-cloak] {
        background: #F5F6F6;
        position: relative;
        width: 100vw;
        height: 100vh;
        background-color: var(--cloak-bg);
        color: var(--cloak-text);
      }

      @keyframes flip {
        0% {
          transform: rotateY(0);
        }

        25% {
          transform: rotateY(180deg);
        }

        50% {
          transform: rotateY(180deg) rotateX(180deg);
        }

        75% {
          transform: rotateY(360deg) rotateX(180deg);
        }

        100% {
          transform: rotateY(360deg) rotateX(360deg);
        }
      }
    </style>
  </head>


  <body>
    <div id="app" v-cloak>
      <div class="app-placeholder">
        <img class="logo" src="/src/assets/image/logo.png" alt="">
        <p class="text"> 系统加载中...</p>
      </div>
    </div>
    <script type="module" src="/src/main.ts"></script>
  </body>

  <script src="CGS-2.3.0.23/CgsInit.js"></script>
  <script src="config/service-dev.js"></script>

</html>


